<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<title>订单列表</title>
<link rel="stylesheet" href="/dingding-web/plugin/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="/dingding-web/plugin/ionicon/css/ionicons.min.css">
<link rel="stylesheet" href="/dingding-web/driverOrder/css/index.css">
<script src="/dingding-web/common/js/system.js"></script>
<script src="/dingding-web/plugin/jquery/jquery.min.js"></script>
<script src="/dingding-web/plugin/bootstrap/bootstrap.min.js"></script>
<script src="/dingding-web/plugin/juicer/juicer-min.js"></script>
<script src="/dingding-web/driverOrder/js/driver-order.js"></script>
</head>
<body>
	<div class="template_c"></div>
	<div class="page-refresh">
		<img class="page-refresh-go" width="24" height="24" src="/dingding-web/driverOrder/images/refresh.png">
	</div>
</body>

<script id="tpl1" type="text/template">
    {@each responseBody as item,index}
      <div class="z-order" value="${index}" data-orderId = '${item.orderId}'>
        <div class="driver-information">
			{@if item.lisencePlate}
			<div class="driver-contain clear">
	            <div class="driver-left">
	              <img src="$${item.userAvatar}"></br>
	              <span>$${item.nickName}</span>
	            </div>
	            <div class="driver-right">
	              <p>手机号：$${item.userName}</p>
	              <p>车辆品牌：$${item.vehicleModel}</p>
	              <p>车辆颜色：$${item.vehicleColor}</p>
	              <p>车牌号：$${item.lisencePlate}</p>
	            </div>
	        </div>
		  {@else}
			<p style="text-align:center;">暂无司机接单</p>
		  {@/if}
          
        </div>
        <div class="order-information">
          <div class="order-p">
              <p>出发时间：$${item.setOutTime}</p>
              <p>出发地：$${item.startAddress}</p>
              <p>目的地：$${item.endAddress}</p>
              <p>一口价：旅行社已经帮您支付</p>
          </div>
        </div>
        <div class="cancel-order">
          <button class="cancel-order-go" value="${index}" data-status= '${item.orderStatus}'>取消订单</button>
        </div>
      </div>
     {@/each} 
 </script>
 
 <script id="tpl2" type="text/template">
 	<div class="container no-order-container">
     	<p class="text-center">暂无订单!</p>
   </div>
 </script>
 
</html>